<style>
    .day {
        background-color:#000;
        color:#fff;
        text-align:center;
        display:inline-block;
        padding:0 3px;
        border-radius:3px;
    }
    .oldprice {
        text-decoration: line-through;
        color: rgb(55,169,143)
    }
</style>

<template>
    <div>
        <div>
            <cell title="名店抢购">
                <clocker time="2016-12-12" slot="value" style="border: 1px solid #ddd; padding:5px 10px 5px 5px; border-radius:3px; margin-right:10px;">
                    <span style="color: #000">距离开始  </span>
                    <span style=" color: #aaa ">|</span>
                    <span style="color: rgb(55,169,143)">%D :</span>
                    <span style="color: rgb(55,169,143)">%H :</span>
                    <span style="color: rgb(55,169,143)">%M : %S </span>
                </clocker>
            </cell>
        </div>
        <div style=" margin-top: 10px; margin-bottom: 10px;">
            <dl v-for="list in ddList" style=" width:25%; display: inline-block; padding:3px 4%; border-right:1px solid #ddd; text-align:center">
                <dt>
                    <img style="width:110px;height:50px" :src="list.src">
                </dt>
                <dd>{{list.name}}</dd>
                <dd>
                    <span style=" color: rgb(255,150,18); margin-right: 10px;">{{list.price}}</span>
                    <span class="oldprice">{{list.oldprice}}</span>
                </dd>
            </dl>
        </div>

    </div>
</template>

<script>
    import Cell from 'vux/dist/components/cell'
    import Clocker from 'vux/dist/components/clocker'
    

    export default{
        components: {
            Cell,
            Clocker
        },
        data: function() {
            return {
                ddList: [
                    { src: "src/img/guanshi.png", name: "管氏翅吧", price: "71.9元", oldprice: "89.9元" },
                    { src: "src/img/jiye.png", name: "吉野家", price: "51元", oldprice: "81元" },
                    { src: "src/img/xinshi.png", name: "新石器烤肉", price: "79元", oldprice: "94元" }
                ]
            }
        },
        ready: function(){
            
        },
        methods: {
            
        }
    }
</script>